@import '@/assets/styles/hairline.scss';

.root {
  position: relative;
  @include hairline(bottom, #efefef);
  :global {
    .input {
      width: 100%;
      height: 58px;
      padding: 0;
      font-size: 16px;

      &::placeholder {
        color: #a5a6ab;
      }
    }

    .extra {
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -8px;
      color: #999;
    }

    .validate {
      position: absolute;
      color: #ee0a24;
      font-size: 12px;
    }
  }
}
